﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>成都九方报价网站PVC标准卡</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="/static/static1/css/a2f29159061e4b22a0106534d418b192.css" rel="stylesheet"/>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="/static/static1/js/9cebb44ef0bb4d4c8ce96b235d192fc9.js"></script>


    <link rel="stylesheet" href="/static/static1/css/font-awesome.min_3.css">
    <link rel="stylesheet" href="/static/static1/css/ionicons.min_3.css">
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="/static/static1/js/html5shiv.min_3.js"></script>
    <script src="/static/static1/js/respond.min_3.js"></script>
    <![endif]-->
    <style>         .main-header .navbar {
        background-color: #0556a2 !important;
    }

    .main-header .logo {
        background-color: #0556a2 !important;
    }

    .skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
        background-color: #fff !important;
    }

    .skin-green .sidebar a {
        color: #1a2327;
    }     </style>
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <header class="main-header">

        <!-- Logo -->
        <a href="#" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
    <span class="logo-mini">
        <b>报价</b>
    </span>
            <!-- logo for regular state and mobile devices -->
    <span class="logo-lg">
        <img src="/static/static1/images/jfyw.png" width="200px" height="40px">
    </span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                &nbsp;产品类型
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#navbar-collapse">
                    <i class="fa fa-bars"></i>
                </button>
            </div>
            <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
                <ul class="nav navbar-nav">

                </ul>
            </div>
            <!-- /.navbar-collapse -->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                       <!--<a href="javascript:;" class="dropdown-toggle" onclick="logout();">退出登录</a> -->
                    </li>
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="/static/static1/picture/20180305184444_6163_3.png" class="user-image"
                                 alt="User Image">
                            <span class="hidden-xs">九方印务</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header">
                                <img src="/static/static1/picture/20180305184444_6163_3.png" class="img-circle"
                                     alt="User Image">
                                <p>
                                    九方印务
                                </p>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-right">
                                    <a href="javascript:;" class="btn btn-default btn-flat" onclick="logout();">退出</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!-- Control Sidebar Toggle Button -->

                </ul>

            </div>
        </nav>
        <script>
            function logout() {
                $.ajax({
                    type: "POST",
                    url: "/logout",
                    success: function (data) {
                        location.href = "/login";
                    }
                });
            }

            function goLogin() {
                var returnUrl = window.location.pathname + window.location.search;
                //console.log(returnUrl);
                location.href = "/login?returnUrl=" + returnUrl + "";
            }
        </script>
    </header>
    <aside class="main-sidebar">

        <section class="sidebar">
            <input type="hidden" id="hidSkin" value="skin-green"/>
            <ul class="sidebar-menu">
                <li class="treeview" url="/printer/api/mp" productId="1">
                    <a href="/printer/api/bgj">
                        <i class="fa fa-circle-o"></i> <span>不干胶</span>
                            <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                    </a>
                </li>
                <li class="treeview" url="/printer/api/mp" productId="2">
                    <a href="/printer/api/mp">
                        <i class="fa fa-circle-o"></i> <span>名片</span>
                            <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                    </a>
                </li>
                <li class="treeview" productId="77">
                    <a href="?productId=77">
                        <i class="fa fa-circle-o"></i> <span>单页</span>
                            <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                            <i class="fa fa-angle-left pull-right"></i>
                    </span>
                    </a>
                    <ul class="treeview-menu">
                        <li url="/JoinSingle/Index" productId="3">
                            <a href="/JoinSingle/Index?productId=3">
                                <i class="fa fa-circle-o"></i>
                                特价单页
                            </a>
                        </li>
                        <li url="/OnlySingle/Index" productId="24">
                            <a href="/OnlySingle/Index?productId=24">
                                <i class="fa fa-circle-o"></i>
                                专版单页
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="treeview" url="/DigitalSingle/Index" productId="38">
                    <a href="/DigitalSingle/Index?productId=38">
                        <i class="fa fa-circle-o"></i> <span>数码单页</span>
                            <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                    </a>
                </li>
                <li class="treeview" productId="63">
                    <a href="?productId=63">
                        <i class="fa fa-circle-o"></i> <span>画册</span>
                            <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                            <i class="fa fa-angle-left pull-right"></i>
                    </span>
                    </a>
                    <ul class="treeview-menu">
                        <li url="/printer/api/hc" productId="37">
                            <a href="/printer/api/hc">
                                <i class="fa fa-circle-o"></i>
                                专版画册
                            </a>
                        </li>
                        <li url="/DigitalAlbum/Index" productId="39">
                            <a href="/DigitalAlbum/Index?productId=39">
                                <i class="fa fa-circle-o"></i>
                                数码画册
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="treeview" productId="67">
                    <a href="/printer/api/pvc">
                        <i class="fa fa-circle-o"></i> <span>PVC</span>
                            <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                            <i class="fa fa-angle-left pull-right"></i>
                    </span>
                    </a>
                    <ul class="treeview-menu">
                        <li url="/printer/api/pvc" productId="23">
                            <a href="/printer/api/pvc">
                                <i class="fa fa-circle-o"></i>
                                PVC标准卡
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </section>

        <script type="text/javascript">
            $(function () {

                $(".img").each(function () {
                    var src = $(this).attr("src");
                    var jstime =  (new Date()).getTime();
                    src = src + "?jstime="+jstime;
                    $(this).attr("src",src);
                })

                var url = window.location.pathname;
                var productId = GetQueryString("productId");

                var menuLi = $("li");
                $.each(menuLi,
                        function (i, item) {
                            if ($(item).attr("url") === url) {
                            }
                            if ($(item).attr("productId") === productId) {
                                //console.log(productId);
                                $(item).parent().parent().parent().parent().addClass("active");
                                $(item).parent().parent().parent().addClass("active");
                                $(item).parent().parent().addClass("active");
                                $(item).addClass("active");
                            }
                        });
            });
        </script>
    </aside>
    <div class="content-wrapper angular-animation-container">
        <div class="shuffle-animation">


            <section class="content">
                <div class="box box-primary">
                    <form id="calcForm" class="easyui-form" method="post" data-options="novalidate:true">
                        <input type="hidden" id="hidProductCode" name="ProductCode"
                               value="95C9A09E-84A0-4BE8-B699-A63F8BC8DE9B"/>
                        <input type="hidden" id="hidPlanBasicCode" name="PlanBasicCode"/>
                        <input type="hidden" id="hidPlanCraftCode" name="PlanCraftCode"
                               value="F128185C-5441-4D8C-82B3-1D558ADF9922"/>
                        <div class="box-header with-border">
                            <h3 class="box-title">PVC标准卡</h3>
                            <div class="box-tools pull-right">
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label>选择材料</label>
                                        <select class="form-control select2" style="width: 100%;" name="Paper"
                                                id="selPaper">
                                            <option value="D4589429-B5A3-443D-8433-D14C705429B9">0.38亮光</option>
                                            <option value="F82B2015-984A-4335-817E-D37AA86BBBA6">0.38磨砂</option>
                                            <option value="FE5C6F72-EE6C-4BFC-8C7C-67B9B04DFBBA">0.38哑光</option>
                                            <option value="193ECD75-2E75-402F-ACB1-7CF1E22655E3">0.38胶丝</option>
                                            <option value="0F96D63F-6E7B-48CE-86BD-5DDA88E73D66">0.38金箔</option>
                                            <option value="7164AB92-F897-4C67-8E1B-564C5F838586">0.38拉丝</option>
                                            <option value="480BD4A8-9301-486F-B3D2-E5C76B1644E5">0.38珠光</option>
                                            <option value="F6A31D78-3BA7-4205-ABDA-97ACC77A853A">0.38哑光透明</option>
                                            <option value="C218C801-6B8D-425F-88E4-50E583B57B53">0.38双砂透明</option>
                                            <option value="ACC51CA9-EB2D-44DF-82BA-BFB256F6B49A">0.38单砂透明</option>
                                            <option value="879CCBCF-A39A-4912-844D-669A74BEE9A3">0.38金属卡（金/银)</option>
                                            <option value="A4F55919-1C11-4395-81A3-D21A7DCCA5D5">0.38金属卡（不锈钢本色)</option>
                                            <option value="669EAC2A-8562-4E5D-BC7B-15C09BB15555">0.38金属卡（玫瑰金）</option>
                                            <option value="9D909AB1-A616-4C86-85E3-6190B185AC9E">0.38金属卡（拉丝银）</option>
                                            <option value="DC105B79-9E94-4E1A-9490-A85A66DA1DF7">0.38金属卡（拉丝金)</option>
                                            <option value="C8AF3B40-E46A-447A-8194-8DF8CF1ED635">0.76亮光无后工</option>
                                            <option value="FEE783AC-7C07-406E-8181-5DD0C9C41820">0.76亮光打码</option>
                                            <option value="BAC15BFD-87F0-4382-816A-C1C538946674">0.76磨砂</option>
                                            <option value="FA249B9C-98D5-4C6A-BB6E-EBE65D9A43EB">0.76哑光</option>
                                            <option value="BBD99249-0A52-443B-ADEE-8155FF04A04F">0.76亮光全新料</option>
                                            <option value="09F79639-A608-45DA-BF62-C6AA330A2191">0.76磨砂全新料</option>
                                            <option value="711F5DE3-CB73-4AA8-953A-40541412B004">0.76哑光全新料</option>
                                            <option value="0D2F4771-3E5C-49C4-B801-1C49A90E08DA">0.76亮光透明</option>
                                            <option value="D31ACF5E-6A5B-411E-8B71-1D7BAE679C4F">0.76磨砂透明</option>
                                            <option value="6F77F49E-A975-4462-8AAA-CCFCAB84707E">0.84亮光全新料</option>
                                            <option value="8B39ACB2-C0ED-4B70-8700-5EEBF8DD31AB">0.84磨砂全新料</option>
                                            <option value="561AB2C3-3803-43DB-9290-705ABB37B1F5">0.84哑光全新料</option>
                                            <option value="0F97C65D-44FE-4C9E-A647-B3E0B54D9A5B">0.84数码卡</option>
                                            <option value="27580FC6-90F0-470B-B8BD-4A598E9BEA16">0.84亮光4442芯片卡</option>
                                            <option value="2509D6C9-5B98-4CFB-9552-F02EBF29EDCD">0.84亮光4428芯片卡</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>数量</label>
                                        <input type="text" class="form-control" name="Num" id="selNum" placeholder="数量"
                                               value="100">
                                    </div>
                                    <div class="form-group">
                                        <label>选择工艺</label>
                                        <div class="form-group" id="divCraft">
                                            <table>

                                                <tr>
                                                    <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                      name="Crafts" id="14"
                                                                      value="5EE67AE7-5CC5-4D38-9C09-0FBFB8C7EF31">喷码（0.38）</label>
                                                    </td>
                                                    <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                      name="Crafts" id="16"
                                                                      value="E2EE1F3B-7A62-43B5-88F4-A376080DBB64">激光码（0.38）</label>
                                                    </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="15"
                                                                  value="5BA9E4CC-1F85-4883-A912-21AC7BEDB846">喷码（0.76）</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="17"
                                                                  value="A2AF5678-F92E-4590-B05A-9424A760F69B">激光码（0.76）</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="18"
                                                                  value="5F882C5E-4EA6-41EC-A09B-45D8E495A605">小凸码</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype="Punching"
                                                                  name="Crafts" id="19"
                                                                  value="05E5535C-5A9A-4FF5-AD33-138F475F2DD1">大凸码</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="20"
                                                                  value="7C13CC37-6422-499E-8922-3BD54CD9D1E9">UV码</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="24"
                                                                  value="B6C60845-5DE2-421B-8155-363E59B1A8DC">签名条（亮油）</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="25"
                                                                  value="4F7C9515-6935-4423-9240-64CAD03C86E1">签名条（丝印白色）</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="26"
                                                                  value="14BEA61F-E3E8-4279-86A3-78945B185BB0">磁条</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="27"
                                                                  value="FD1BA9A9-E816-4FA9-8DF6-FC487E8406DA">条码</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="36"
                                                                  value="AB7B4130-BB61-41B3-B814-24167E7A19DF">二次冲卡（固定模具免模具费）</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="34"
                                                                  value="06AC8860-C343-4CAB-BAA2-267714B171F8">打圆孔</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="35"
                                                                  value="5F56BB2C-CD56-4A48-8010-70C81678ACBE">打扁孔</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="33"
                                                                  value="23C90487-A50D-4C29-A1C1-C86E24BEB99C">套袋子（0.76）</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="32"
                                                                  value="E820C141-6D10-4947-AB1E-CFB5D2CE7162">喷码涂银</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="28"
                                                                  value="03E7FF99-25C0-4A63-BA0B-B790B6FA5052">烫金/银(小于版面3分之1)</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="29"
                                                                  value="6B456948-76A8-48AC-8E2F-F044034B4801">烫金/银(大于版面3分之1)</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="30"
                                                                  value="B062E68D-2F5E-4F71-B0B1-C953D73F7FAC">UV（单面内容UV)</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="31"
                                                                  value="44798BDA-E695-4FF2-8F06-3AC0D88B4433">UV二维码(每张不同）</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="37"
                                                                  value="6CC1C1C1-B81A-4A47-AC9A-7B656FAB8798">加急（2天出货磁条3天）</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="21"
                                                                  value="B2BEDC99-D181-4FB8-BC8D-F9A25A1D1142">丝印平码（金属卡专用）</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="22"
                                                                  value="D35DF08A-D2D1-4ACF-AA84-E5C0871B4806">高凸码（金属卡专用）</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="23"
                                                                  value="E584CE48-0AF5-4B7E-9E27-4A3576F3DCE7">平凸码（金属卡专用）</label>
                                                </td>
                                                <tr></tr>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="38"
                                                                  value="467E893A-1AAF-4425-8815-18C9FB285310">条码（0.38）</label>
                                                </td>
                                                <td><label><input type="checkbox" class="icheck" crafttype=""
                                                                  name="Crafts" id="39"
                                                                  value="243D04D8-8A47-4575-A3C6-C3D40B9A1D54">套袋子（0.38）</label>
                                                </td>
                                                <tr></tr>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-5">


                                </div>
                            </div>
                        </div>
                        <div class="box-footer">
                            <button type="button" class="btn btn-primary btn-lg" onclick="submitForm()">计算</button>
                            <button type="button" class="btn  btn-default btn-lg" onclick="clearForm()">清空</button>
                        </div>
                    </form>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div class="box box-success">
                            <div class="box-header">
                                <h3 class="box-title">计算结果</h3>
                            </div>
                            <div class="box-body table-responsive no-padding">
                                <table class="table table-hover" id="tbResult">

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row" id="rowUserPrompts">
                    <div class="col-xs-12">
                        <div class="box box-warning" id="divUserPrompts">
                        </div>
                    </div>
                </div>
            </section>

            <script>
                $(function () {
                    $("#rowUserPrompts").hide();
                    $(".nav-tabs li").on("click",
                            function () {
                                $("#rowUserPrompts").hide();
                                $("#tbResult").html("");
                                $("#rowResult").hide();
                                $("#btnResult").hide();
                            });

                    var planCraftCode = $("#hidPlanCraftCode").val();
                    var paperCode = $("#selPaper").find("option").eq(0).val();
                    enableCraft(planCraftCode, paperCode, "divCraft");

                    $("#selPaper").on("change",
                            function (e) {
                                paperCode = $(this).val();
                                enableCraft(planCraftCode, paperCode, "divCraft");
                            });

                    setTextColor();
                    initICheck();
                    necessaryCraft();
                });

                $(function () {
                    $("#rowUserPrompts").hide();
                });

                function submitForm() {
                    $("#rowUserPrompts").hide();
                    $("#tbResult").html("");
                    if (isNaN(Number($("#selNum").val())) || $("#selNum").val() === "") {
                        return false;
                    }
                    $.ajax({
                        type: "POST",
                        dataType: "json",
                        url: "/PvcCard/CalcResult",
                        data: $("form").serialize(),
                        success: function (res) {
                            var data = res.Result;
                            if (data.Success) {
                                $("#tbResult").append("<tr totalPrice=" +
                                        data.Result.TotalPrice +
                                        "><td>" +
                                        data.Result.Desc +
                                        "</td></tr>");
                            } else {
                                $("#tbResult").append("<tr style='color:red'><td>无固定价格,试试其他尺寸</td></tr>");
                            }
                        }
                    });
                    return true;
                }

                function clearForm() {
                    location.reload();
                }
            </script>
        </div>
    </div>


    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 0.1.0.5
        </div>
        <strong>&nbsp;</strong>
    </footer>
</div>
<script>
    $(function () {
        initICheck();
        initSelect2();

        toastr.options = {
            "positionClass": "toast-top-center" //弹出窗的位置
        };
        var skinClass = $("#hidSkin").val();
        $("body").addClass(skinClass);
    });

    function showMobileUserPrompts() {
        var userPrompts = "";
        if (false) {
            userPrompts += "<div class=\"box-body low text-red\">";
            userPrompts += "备注：您的资料正在审核中，审核通过后，即可获得最终报价，感谢支持，请您耐心等待！";
            userPrompts += "</div>";
        } else if (false) {
            userPrompts += "<div class=\"box-body low text-red\">";
            userPrompts += "备注：以上价格仅供参考，完善资料即可获取最新报价";
            userPrompts += "</div>";
            userPrompts += "<div class=\"box-body low text-red text-center\">";
            userPrompts += "<a href=\"http://weixin.shengdaprint.com/Account/RegisterCustomer?companyCode=1&amp;dataSource=\" class=\"btn btn-primary\">完善资料</a>";
            userPrompts += "</div>";
        }
        $("#rowUserPrompts").show();
        $("#divUserPrompts").html(userPrompts);
    }
</script>

</body>
</html>
